import React from 'react'
import './css/speaker.less'
class TestsSpeaker extends React.Component {
  render() {
    return (
      <div className="speaker">
        <div className="speaker-top">入学水平测试</div>
        <div className="speaker-title">共20道题目，预计10-15分钟完成。</div>
        <div className="row speaker-content">
          <div className="col-md-3 col-sm-12 col-xs-12">
            <div>1. 点击播放按钮，仔细听</div>
            <div className="speaker-img">
              <img src={require('../../images/tests/astep1.png')} alt="图片"></img>
            </div>
          </div>
          <div className="col-md-6 col-sm-12 col-xs-12">
            <div>2. 选择答案，完成任务</div>
            <div className="speaker-img">
            <img src={require('../../images/tests/astep2.png')} alt="图片"></img>
            </div>
          </div>
          <div className="col-md-3 col-sm-12 col-xs-12">
            <div>3.点击按钮继续。</div>
            <div className="speaker-img">
              <img src={require('../../images/tests/test-next.png')} alt="图片"></img>
            </div>
          </div>
        </div>
      </div>
    );
  }
}
export default TestsSpeaker;